<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>通讯录</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<link rel="stylesheet" href="../../../css/mui.min.css">
		<style>
			.working {
				position: absolute;
				top: 50%;
				left: 50%;
				background: #FFFFFF;
				transform: translate(-50%,-50%);
				-ms-transform:translate(-50%, -50%); 	/* IE 9 */
				-moz-transform:translate(-50%, -50%); 	/* Firefox */
				-webkit-transform:translate(-50%, -50%); /* Safari 和 Chrome */
				-o-transform:translate(-50%, -50%); 	/* Opera */
				height: 30vw;
				width: 50%;
				line-height: 30vw;
				text-align: center;
			}
      .mui-input-row label {
      	/*padding-left: 10%;*/
      	height: 50px;
      	line-height: 50px;
      	padding: 0 0 0 10%;
      }
      
      .mui-input-row label~input {
      	height: 50px;
      	line-height: 50px;
      	text-align: right;
      	padding-right: 10%;
      	color: rgba(0, 0, 0, .5);
      }
      
      .mui-input-row {
      	border-bottom: 1px solid #EDEDED;
      	height: 50px;
      	line-height: 50px;
      }
		</style>
	</head>

	<body style="background-color: #fff;">
		<header class="mui-bar mui-bar-nav">
		    <h1 class="mui-title">我的</h1>
		</header>
		
		<!-- <div class="working">
			功能开发中...
		</div> -->
    <div class="mui-content" style="background-color: #fff;" id="container">
      <div class="userInfo">
      	<div class="mui-input-row">
      		<label for="">姓名:</label>
      		<input type="text" id="userName" readonly="readonly" v-model="user.compellation"/>
      	</div>
      	<div class="mui-input-row">
      		<label for="">手机号:</label>
      		<input type="text" id="unit" readonly="readonly"  v-model="user.phone"/>
      	</div>
        <div class="mui-input-row">
        	<label for="">所属单位:</label>
        	<input type="text" id="unit" readonly="readonly"  v-model="user.enterpriseName"/>
        </div>
        <div class="mui-input-row">
        	<label for="">所属项目:</label>
        	<input type="text" id="unit" readonly="readonly"  v-model="user.currentProjectName"/>
        </div>
        <div class="quit" style="margin-top: 5%;background: #FFFFFF;padding-top: 5%;">
        	<button class="mui-btn" style="background: #074A83;color: #FFFFFF;width: 80%;margin-left: 10%;height:40px;line-height: 28px;font-size: 17px;">退出登录</button>
        </div>
      </div>
    </div>
	</body>
	<script src="../../../js/mui.min.js"></script>
	<script src="../../../js/jquery-3.2.1.min.js"></script>
	<script src="../../../js/vue.js"></script>
	<script>
		mui.init()
    var page = null;
    page = new Vue({
    	el: '#container',
      data: {
      	user:{}
      },
      created:function() {
        this.user=JSON.parse(localStorage.getItem('outUser'));
        console.log('用户信息------'+localStorage.getItem('outUser'))
      },
      methods: {
        
      }
    })
		$('.quit').on('tap', function() {
      	var btnArr = ['确定', '取消'];
						mui.confirm('确认退出吗?', '提示', btnArr, function(e) {
							if(e.index == "0") {
								mui.openWindow({
										url:"../login/login.html",
										id:"../login/login.html",
									  	waiting:{
									  		 autoShow:false,
									  	}
									});
									localStorage.removeItem('outUserId');
									localStorage.removeItem('outUser');
									setTimeout(function(){
										var homeView = plus.webview.getWebviewById("../neom/home.html");
					  					homeView.close("none");
									},500);
							}
						});
		
					});
	</script>
</html>